<template>
    <div id="app">
        <transition :name="transitionName">
            <keep-alive>
                <router-view class="page-view"></router-view>
            </keep-alive>
        </transition>
    </div>
</template>

<script>

    import {mapGetters} from "vuex";

    export default {
        name: 'App',
        components: {},
        created() {
        },
        computed: {
            ...mapGetters('layout', ['transitionName']),
        }
    }
</script>

<style>
    #app {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
</style>
